<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>一分钟教你选花</title>
		<meta name="description" content="">
		<meta name="keywords" content="">
		<link href="css/common.css" rel="stylesheet">
		<link href="css/chooseflower.css" rel="stylesheet">
		<link rel="stylesheet" href="css/font-awesome.css">
		<!--[if IE 7]>
    <link rel="stylesheet" href="css/font-awesome-ie7.css">
  <![endif]-->
	</head>

	<body>
		<!--顶部导航开始-->
		<div class="site_nav">
			<div class="center clearfix">
				<ul class="center_ul_l clearfix">
					<li class="li1">
						<a href="#">
							<span></span> 收藏鲜花网(hua.com)
						</a>
					</li>
					<li class="li2 por">
						<a href="#">
							<span></span> 关注微信
						</a>
						<div class="line poa">
						</div>
						<div class="dropdown poa">
							<img src="img/wechat_qrcode.jpg" />
							<p>扫码关注<br>回复"礼物" 更多惊喜！</p>
						</div>
					</li>
					<li class="li3 por">
						<a href="#">
							<span></span> 手机花礼
						</a>
						<div class="line poa">
						</div>
						<div class="dropdown poa">
							<img src="img/wechat_qrcode.jpg" />
							<p>首单再减20！<br/>(需输入券号9920)</p>
						</div>
					</li>
				</ul>

				<ul class="center_ul_r clearfix">
					<li class="li1">
						<a href="login.php">您好，<span>请登录</span></a>
					</li>
					<li class="site_nav_pipe"></li>
					<li class="li2">
						<a class="register" href="register.php">注册</a>
						<a class="out" href="javascript:void(0)">退出</a>
					</li>
					<li class="site_nav_pipe"></li>
					<li class="li3">
						<a href="dingdan.php">订单查询</a>
					</li>
					<li class="site_nav_pipe"></li>
					<li class="li4">
						<a href="memberCenter.php">我的礼花</a>
					</li>
					<li class="site_nav_pipe"></li>
					<li class="li5 por">
						<a href="#">
							客户服务
							<i></i>
						</a>
						<div class="line poa">
						</div>
						<div class="dropdown poa">
							<a href="#">在线付款</a>
							<a href="#">帮助中心</a>
							<a href="#">售后服务</a>
							<a href="#">配送范围</a>
							<a href="#">留言反馈</a>
						</div>
					</li>
					<li class="site_nav_pipe"></li>
					<li class="li6 por">
						<a href="javascript:void(0)">
							<span></span> 购物车
							<?php
				                require_once 'dbConn.php';
				                date_default_timezone_set("PRC");
	                            
	                            $username = !empty($_COOKIE['huausername']) ? $_COOKIE['huausername'] : null;
	                                           
	                            $sql = "select * from user_shop where userid =(select id from user where email = '". $username ."')"; 

	                            $result = mysql_query($sql,$con);
	                            $num_rows = mysql_num_rows($result);
	                            echo "<p class = \"cart_num\">(". $num_rows .")</p>";
					         ?>
								<i></i>
						</a>
						<div class="line poa">
						</div>
						<div class="dropdown_cart poa" id="dropdown_cart">
							<div class="empty">您的购物车中没有商品，
								<a href="#">先去选购吧</a>！</div>
						</div>
					</li>
					<li class="site_nav_pipe"></li>
					<li class="li7">
						<p>中国鲜花礼品网:中国鲜花网领先品牌</p>
					</li>
				</ul>
			</div>
		</div>
		<!--顶部导航结束-->

		<!--头部开始-->
		<div class="header">
			<div class="center">
				<div class="logo">
					<h1>
                      <a href="index.php"><img src="img/logo.png"/></a>   
                      <span class="wwww-name">花礼网</span>
                    </h1>
					<i></i>
					<h2>中国鲜花礼品网 始于2005，简称花礼网</h2>
				</div>
				<div class="search">
					<form action="" method="post">
						<input type="text" class="form_control" placeholder="商品关键词">
						<button>搜索</button>
					</form>
					<span class="help_block">
                        <a href="#">红玫瑰</a> | 
                        <a href="#">永生花</a> | 
                        <a href="#">生日鲜花</a> | 
                        <a href="#">礼品卡</a>
                   </span>
				</div>
				<div class="service">
					<span class="ico_phone"></span>400-889-8188
					<span class="line">|</span>
					<span class="ico_headset"></span>
					<a href="#">在线客服</a>
				</div>
			</div>
		</div>
		<!--头部结束-->

		<!-- navDefault start -->
		<div class="navDefault">
			<div class="wrapper clearfix">
				<div class="categorys dropdown por fl">
					<h3>
                <a href="#">
                    全部商品导购
                    <span class="icon-angle-down"></span>
                </a>
            </h3>
					<div class="dropdownMenu dropdownCate poa">
						<h4><a href="#">鲜花</a></h4>
						<ul class="cateList listInline clearfix">
							<li>
								<a href="#">爱情鲜花</a>
							</li>
							<li>
								<a href="#">友情鲜花</a>
							</li>
							<li>
								<a href="#">生日鲜花</a>
							</li>
							<li>
								<a href="#">问候长辈</a>
							</li>
							<li>
								<a href="#">祝贺鲜花</a>
							</li>
							<li>
								<a href="#">婚庆鲜花</a>
							</li>
							<li>
								<a href="#">探病慰问</a>
							</li>
							<li>
								<a href="#">道歉鲜花</a>
							</li>
							<li>
								<a href="#">开业花篮</a>
							</li>
						</ul>
						<h4><a href="#">永生花</a></h4>
						<ul class="cateList listInline clearfix">
							<li>
								<a href="#">经典花盒</a>
							</li>
							<li>
								<a href="#">巨型玫瑰</a>
							</li>
							<li>
								<a href="#">薰衣草</a>
							</li>
							<li>
								<a href="#">永生瓶花</a>
							</li>
							<li>
								<a href="#">特色永生花</a>
							</li>
						</ul>
						<h4><a href="#">蛋糕</a></h4>
						<ul class="cateList listInline clearfix">
							<li>
								<a href="#">元祖</a>
							</li>
							<li>
								<a href="#">好利来</a>
							</li>
							<li>
								<a href="#">可颂坊</a>
							</li>
							<li>
								<a href="#">窝夫小子</a>
							</li>
							<li>
								<a href="#">米卡米卡</a>
							</li>
							<li>
								<a href="#">一品轩</a>
							</li>
							<li>
								<a href="#">幸福西饼</a>
							</li>
							<li>
								<a href="#">Mcake</a>
							</li>
							<li>
								<a href="#">诺心</a>
							</li>
							<li>
								<a href="#">Vcake</a>
							</li>
							<li>
								<a href="#">全国品牌</a>
							</li>
						</ul>
						<h4><a href="#">礼品</a></h4>
						<ul class="cateList listInline clearfix">
							<li>
								<a href="#">泰国保鲜花</a>
							</li>
							<li>
								<a href="#">音乐盒</a>
							</li>
							<li>
								<a href="#">水晶内雕</a>
							</li>
							<li>
								<a href="#">金箔花</a>
							</li>
							<li>
								<a href="#">化妆镜</a>
							</li>
							<li>
								<a href="#">香薰系列</a>
							</li>
							<li>
								<a href="#">音乐睡枕</a>
							</li>
							<li>
								<a href="#">花瓶/相框</a>
							</li>
							<li>
								<a href="#">镀金玫瑰</a>
							</li>
							<li>
								<a href="#">LED蜡烛</a>
							</li>
							<li>
								<a href="#">卡通花束</a>
							</li>
							<li>
								<a href="#">品牌公仔</a>
							</li>
							<li>
								<a href="#">智能音箱</a>
							</li>
							<li>
								<a href="#">首饰</a>
							</li>
							<li>
								<a href="#">手工巧克力</a>
							</li>
							<li>
								<a href="#">进口巧克力</a>
							</li>
							<li>
								<a href="#">创意礼品</a>
							</li>
							<li>
								<a href="#">礼品卡</a>
							</li>
						</ul>
						<h4><a href="#">绿植</a></h4>
						<ul class="cateList listInline clearfix">
							<li>
								<a href="#">绿色植物</a>
							</li>
							<li>
								<a href="#">盆栽花卉</a>
							</li>
						</ul>
					</div>
				</div>
				<ul class="nav fl clearfix">
					<li>
						<a href="index.php" class="in-block">首页</a>
					</li>
					<li>
						<a href="xianhua.php" class="in-block">鲜花</a>
					</li>
					<li>
						<a href="yongshenghua.php" class="in-block">永生花</a>
					</li>
					<li>
						<a href="cake.php" class="in-block">蛋糕</a>
					</li>
					<li>
						<a href="present.php" class="in-block">礼品</a>
					</li>
					<li class="lastnone">
						<a href="chooseflower.php" class="in-block">一分钟教你选花</a>
					</li>
				</ul>
			</div>
		</div>
		<!-- navDefault end -->
		<!-- 中部 start -->
		<div class="main">
			<div class="affixBox">
				<ul class="sectionNav">
					<li>花材</li>
					<li>数量</li>
					<li>颜色</li>
					<li>进阶篇</li>
					<li class="goTop">回顶部</li>
				</ul>
			</div>
			<div class="tDefault">
				<div class="wrapper">
					<div class="bd">
						<img src="img/tutorial_p1.png" alt="">
						<span class="defaultArrow"></span>
					</div>
				</div>
			</div>
			<div class="tMaterial d0">
				<div class="wrapper">
					<div class="hd">
						<h3>花材</h3>
						<p>
							每种花都有自己的花语，当你在选择送的对象时，<br> 千万不要送错，免得出糗哦
						</p>
					</div>
					<div class="bd">
						<a href="#"><img src="img/tutorial_p2_1.jpg" alt=""></a>
						<a href="#"><img src="img/tutorial_p2_2.jpg" alt=""></a>
						<a href="#"><img src="img/tutorial_p2_3.jpg" alt=""></a>
					</div>
				</div>
			</div>
			<div class="tAmount d1">
				<div class="wrapper">
					<div class="hd">
						<h3>数量</h3>
						<p>
							不同玫瑰朵数，有不同的寓意，但都是对爱情的美好祝福<br>
							<span class="textPrimary">（最简单的秘诀：有纪念意义的场合就多送就对了）</span>
						</p>
					</div>
					<div class="bd">
						<ul class="clearfix">
							<li class="amountLi">
								<a href="#">
									<img src="img/tutorial_p3_11.png" alt=""> 11枝代表一心一意
								</a>
							</li>
							<li>
								<img src="img/tutorial_p3_1.png" alt="">
							</li>
							<li class="amountLi">
								<a href="#">
									<img src="img/tutorial_p3_16.png" alt=""> 16枝代表最深的爱
								</a>
							</li>
							<li class="amountLi">
								<a href="#">
									<img src="img/tutorial_p3_19.png" alt=""> 16枝代表期待陪伴
								</a>
							</li>
							<li>
								<img src="img/tutorial_p3_2.png" alt="">
							</li>
							<li class="amountLi">
								<a href="#">
									<img src="img/tutorial_p3_33.png" alt=""> 33枝代表爱你三生三世
								</a>
							</li>
							<li class="amountLi">
								<a href="#">
									<img src="img/tutorial_p3_99.png" alt=""> 99枝代表长相厮守
								</a>
							</li>
							<li>
								<img src="img/tutorial_p3_3.png" alt="">
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="tColour d2">
				<div class="wrapper">
					<div class="hd">
						<h3>颜色</h3>
						<p>
							花的颜色也可以诉说不同的语言，你想要表达什么呢？<br> 花能说出你心中的秘密
						</p>
					</div>
					<div class="bd">
						<a href="#"><img src="img/tutorial_p4_1.jpg" alt=""></a>
						<a href="#"><img src="img/tutorial_p4_2.jpg" alt=""></a>
						<a href="#"><img src="img/tutorial_p4_3.jpg" alt=""></a>
						<a href="#"><img src="img/tutorial_p4_4.jpg" alt=""></a>
					</div>
				</div>
			</div>
			<div class="tAdvance d3">
				<div class="wrapper">
					<div class="hd">
						<h3>进阶篇</h3>
					</div>
					<div class="bd por">
						<div class="banner por">
							<ul class="bannerImg poa clearfix">
								<li>
									<a href=""><img src="img/tutorial_p5_1.jpg" alt=""></a>
								</li>
								<li>
									<a href=""><img src="img/tutorial_p5_2.jpg" alt=""></a>
								</li>
								<li>
									<a href=""><img src="img/tutorial_p5_3.jpg" alt=""></a>
								</li>
							</ul>
						</div>
						<div class="controls poa">
							<ul class="bannerBtn clearfix">
								<li class="current"><span>高端</span></li>
								<li><span>别致</span></li>
								<li><span>珍藏</span></li>
							</ul>
						</div>
						<p class="prev poa"></p>
						<p class="next poa"></p>
					</div>
				</div>
			</div>
		</div>
		<!-- 中部 end -->

		<!--尾部导航开始-->
		<div class="footer_nav">
			<div class="center">
				<ul class="clearfix">
					<li>
						<a href="#">首页</a>
					</li>
					<li>
						<a href="#">关于我们</a>
					</li>
					<li>
						<a href="#">媒体报道</a>
					</li>
					<li>
						<a href="#">联系方式</a>
					</li>
					<li>
						<a href="#">企业团购</a>
					</li>
					<li>
						<a href="#">花店加盟</a>
					</li>
					<li>
						<a href="#">友情链接</a>
					</li>
					<li>
						<a href="#">在线补款</a>
					</li>
					<li>
						<a href="#">为什么选择中国鲜花礼品网</a>
					</li>
				</ul>
			</div>
		</div>
		<!--尾部导航结束-->

		<!--合作商开始-->
		<div class="auth">
			<div class="center">
				<a href="#"><img src="img/hezuo_01.jpg" /></a>
				<a href="#"><img src="img/hezuo_02.jpg" /></a>
				<a href="#"><img src="img/hezuo_03.jpg" /></a>
				<a href="#"><img src="img/hezuo_04.jpg" /></a>
				<a href="#"><img src="img/hezuo_05.jpg" /></a>
				<a href="#"><img src="img/hezuo_06.jpg" /></a>
				<a href="#"><img src="img/hezuo_07.jpg" /></a>
				<a href="#"><img src="img/hezuo_08.jpg" /></a>
				<a href="#"><img src="img/hezuo_09.jpg" /></a>
			</div>
		</div>
		<!--合作商结束-->

		<!--版权开始-->
		<div class="copyright">
			<div class="center clearfix">
				<p>
					<a href="#">中国花卉协会会员</a>
					<a href="#">中国电子商务协会会员</a>
					ICP经营许可证：
					<a href="#">粤B2-20050744</a>
					<a href="#">粤ICP备09171662号</a>
					<span class="beian"></span> 粤公网安备44030502000373号 Copyright © 2005-2016
				</p>
				<p>
					花礼网 （中国鲜花礼品网）
					<a href="#">www.hua.com</a>
					中国鲜花网领先品牌，鲜花速递专家！
				</p>
			</div>
		</div>
		<!--版权结束-->
		<script src="js/jquery-1.11.3.min.js"></script>
		<script src="js/chooseflower.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
	</body>

</html>